﻿<%@ Page Title="Welcome" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WRDBWeb._Default" culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent" >
    <script src="Scripts/msdropdown/jquery.dd.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="Content/msdropdown/dd.css" />
    <link rel="stylesheet" type="text/css" href="Content/msdropdown/skin2.css" />
    <script>
        //this page uses the JavaScript image combobox widget (msdropdown) found here: http://www.marghoobsuleman.com/jquery-image-dropdown
        //this widget is used to display the panama or US flag in front of the language
        $(document).ready(function (e) {
            try {
                $("[id$='cboLanguage']").msDropDown();
            } catch (e) {
                alert(e.message);
            }
        });
    </script>
    <section class="featured">
        <div class="content-wrapper">
            <table style="width: 100%">
                <tr>
                    <td>
                        <hgroup class="title">
                            <h1><%: Title %> </h1>
                            <h2>
                                <asp:Label ID="lblInfo" runat="server" Text="This is the WRDB Web application." meta:resourcekey="lblInfoResource1"></asp:Label></h2>
                        </hgroup>
                        <p>
                            <asp:Label ID="lblInfo2" runat="server" Text="This application was designed to help you retrieve water resources information from ACP's database servers and display it in a variety of formats." meta:resourcekey="lblInfo2Resource1"></asp:Label>
                        </p>
                    </td>
                    <td>
                        <asp:Image ID="Image1" runat="server" ImageAlign="Right" ImageUrl="~/Images/house_32xLG.png" meta:resourcekey="Image1Resource1" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: right">
                        <asp:DropDownList ID="cboLanguage" runat="server" CssClass="blue" style="text-align: left" Width="15em" ToolTip="The desired language will normally be taken from the browser settings, but you can use this to override that setting." meta:resourcekey="cboLanguageResource1" AutoPostBack="True">
                            <asp:ListItem meta:resourcekey="ListItemResource1" data-image="Images/usa.png" Value="English">English/Inglés</asp:ListItem>
                            <asp:ListItem meta:resourcekey="ListItemResource2" data-image="Images/panama.png" Value="Spanish">Spanish/Español</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
            </table>
        </div>
    </section>
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <h3><asp:label ID="lblFollow" runat="server" Text="Follow these steps to quickly retrieve the data you are interested in:" meta:resourcekey="lblFollowResource1"></asp:label></h3>
    <ol class="round">
        <li class="one">
            <h5><asp:label ID="lblConfig" runat="server" Text="Configure" meta:resourcekey="lblConfigResource1"></asp:label></h5>
            <asp:label ID="lblConfigInfo" runat="server" Text="Choose which project and table you want to access; these selections will be remembered the next time you return." meta:resourcekey="lblConfigInfoResource1"></asp:label>
        </li>
        <li class="two">
            <h5><asp:label ID="lblSelect" runat="server" Text="Select" meta:resourcekey="lblSelectResource1"></asp:label></h5>
            <asp:label ID="lblSelectInfo" runat="server" Text="Select the records you want to see by entering selection criteria on an interactive form." meta:resourcekey="lblSelectInfoResource1"></asp:label>
        </li>
        <li class="three">
            <h5><asp:label ID="lblDisplay" runat="server" Text="Display" meta:resourcekey="lblDisplayResource1"></asp:label></h5>
            <asp:label ID="lblDisplayInfo" runat="server" Text="Display the selected data in table views, reports, graphs, and maps, or export the data to a file." meta:resourcekey="lblDisplayInfoResource1"></asp:label>
        </li>
    </ol>
</asp:Content>
